@import './common';

.cells-container{

	.cells{
		background-color: $thirdBgWin;

		.cell{
			max-width: setSize(300);
			box-sizing:border-box;
			padding:setSize(20) setSize(24);
			color: #707070;
			@include ellipsis;

			.cell-item{
				height: setSize(48);
				line-height: setSize(48);
				@include ellipsis;

				.cell-item-text{
					font-size: setSize(30);
					@include ellipsis;			
				}
			}

			.cell-icon{
				margin-top: setSize(-16);
				margin-left: setSize(16);

				.icon{
					width: setSize(16);
					height: setSize(16);		
					display: inline-block;
					box-sizing:border-box; 
					border-right: setSize(4) solid #707070; 
					border-bottom: setSize(4) solid #707070;   
					transform: rotate(45deg); 
				}
			}
		}
	}
}

.cells-fixed{
	height: setSize(20*2 + 48);
	
	.cells{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
}